<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2023/12/3
  Time: 20:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>主页面</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
    <link rel="stylesheet" href="static/css/main.css">
</head>
<body>


<!--Font-awsome-->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<div class="container">
    <header>

        <h2>电子相册系统</h2>

    </header>
<!--
    <div class="xs-menu-cont">
        <a id="menutoggle"><i class="fa fa-align-justify"></i> </a>
        <nav class="xs-menu displaynone">
            <ul>
                <li class="active">
                    <a href="#">Home</a>
                </li>
                <li>
                    <a href="#">About</a>
                </li>
                <li>
                    <a href="#">Services</a>
                </li>
                <li>
                    <a href="#">Team</a>
                </li>
                <li>
                    <a href="/login_page">Portfolio</a>
                </li>
                <li>
                    <a href="/login_page">Blog</a>
                </li>
                <li>
                    <a href="/login_page">Contact</a>
                </li>

            </ul>
        </nav>
    </div>
-->
    <nav class="menu">
        <ul>
            <li class="active">
                <a href="#">个人中心</a>
            </li>
            <li class="drop-down">
                <a href="/feed">朋友圈</a>
                <!--
                <div class="mega-menu fadeIn animated">
                    <div class="mm-6column">
								<span class="left-images">
								<img  src="https://4.bp.blogspot.com/-faF-AemPFUM/U4ryP7pQRsI/AAAAAAAAEvA/fZ-hskCSln4/s1600/Magento%2Bthemes.jpg">
								<p>Most Popular Styles </p>
				</span>
                        <span class="categories-list">
							<ul>
							<span>Computer</span>
								<li>Desktops</li>
								<li>Laptops</li>
								<li>Tablets</li>
								<li>Monitors</li>
								<li>Networking Printers</li>
								<li>Scanners</li>
								<li>Jumpers & Cardigans</li>
								<li><a class="mm-view-more" href="#">View more →</a></li>
							</ul>
						</span>

                    </div>
                    <div class="mm-3column">
						<span class="categories-list">
						<ul>
							 <span>TV & Video</span>
								<li>LED TVs
								<li>Plasma TVs
								<li>3D TVs
								<li>DVD & Blu-ray Players
								<li>Home Theater Systems
								<li>Cell Phones
								<li>Apple iPhone
								<li><a class="mm-view-more" href="#">View more →</a></li>
							</ul>
						</span>
                    </div>
                    <div class="mm-3column">
								<span class="categories-list">
						<ul>
							<span>Car Electronics</span>
							<li>GPS & Navigation</li>
							<li>In-Dash Stereos</li>
							<li>Speakers</li>
							<li>Subwoofers</li>
							<li>Amplifiers</li>
						    <li>MP3 Players</li>
							<li>iPods</li>
						   	<li><a class="mm-view-more" href="#">View more →</a></li>
						</ul>
					</span>
                    </div>
                </div>
                -->

            </li>
            <li>
                <a href="/albumList">相册管理</a>
            </li>
            <%--<li>
                <a href="/album">朋友圈</a>
            </li>--%>







                    <li><a href="/audit">举报审核</a></li>
                    <li><a href="/setType">设置相册分类</a></li>



            </li>

            <li>
                <a  href="/login_page">切换用户</a>
            </li>
            <li style="float:right;">
                <a href="#" onclick="closeCurrentWindow()">退出系统</a>
            </li>

        </ul>
    </nav>
</div>
<%--<div style=" font-size: 30px;
    color: #314eab;margin-left: 30%;margin-top: 100px">
    <section >
        <form action="">
            <label style="margin-top: 20px">用户名       </label><input type="text" id="username" style="height: 30px;background-color: orange">
            <div ></div>
            <label style="margin-top: 20px">密码     <span>    </span> </label><input type="text"  id =“password” style="height: 30px;background-color: orange">
            <div ></div>
            <label style="margin-top: 20px">电子邮箱</label><input type="text"  id ="email" style="height: 30px;background-color: orange">
            <div ></div>

        </form>
        <label>禁言状态</label><input type="text"  id ="banStatus" style="height: 30px;background-color: orange">
        <div></div>
        <button>确认修改</button>
        <button>点击申诉</button>
    </section>
</div>--%>
<div style="font-size: 30px; color: #314eab; margin-left: 30%; margin-top: 100px">
    <section>
        <form id="userInfoForm" action="">
            <label style="margin-top: 20px">用户名</label><input type="text" id="username" style="height: 30px; background-color: orange">
            <div></div>
            <label style="margin-top: 20px">密码<span></span></label><input type="text" id="password" style="height: 30px; background-color: orange">
            <div></div>
            <label style="margin-top: 20px">电子邮箱</label><input type="text" id="email" style="height: 30px; background-color: orange">
            <div></div>
        </form>
        <label>禁言状态</label><input type="text" id="banStatus" style="height: 30px; background-color: orange">
        <div></div>
        <button onclick="fetchUserData()">确认修改</button>
        <button onclick="submitAppeal()">点击申诉</button>
    </section>
</div>
<!-- partial -->
<script  src="static/js/main.js"></script>

</body>
</html>
